<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>康美海岸</title>
	<meta content="康美海岸" name="Description">
	<meta content="康美海岸" name="Keywords">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/swiper.min.css" />
	<script src="js/jquery-2.1.0.js"></script>
	<script src="js/index.js"></script>
	<script src="js/swiper.min.js"></script>
	<!--图片延迟加载JS-->
	<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
	<script>
		$(function () {
			//图片延迟加载，，，减少一开始加载太多图片导致网络流量大      	
			$("img").lazyload({
				effect: "fadeIn"
			});
		});
	</script>
</head>

<body>
	<!-- 头部BANNER -->
	<header class="header-top">

		<!-- feixd -->
		<div class="fiex-top" id="fiex-top">
			<div class="main">
				<div class="t-logo">
					<a href="index.html">
						<img src="images/logo-2.png">
					</a>
				</div>
				<ul class="t-nav">
					<li>
						<a href="index.html">
							<span>首页</span>
							<em>Home</em>
						</a>
					</li>
					<li class="active">
						<a href="Product.html">
							<span>产品</span>
							<em>Product</em>
						</a>
					</li>
					<li>
						<a href="News.html">
							<span>新闻</span>
							<em>News</em>
						</a>
					</li>
					<li>
						<a href="About.html">
							<span>关于我们</span>
							<em>About ours</em>
						</a>
					</li>

				</ul>

				<ul class="t-right">
					<a href="#" class="englist">
						<span>English Site</span>
					</a>
					<a href="login.html" class="conslis">快速登录</a>
					<a href="#" class="conslis">查防伪</a>
				</ul>

			</div>
		</div>
		<!-- feixd -->


	</header>
	<!-- 头部BANNER -->

	<!-- 漂浮导航 -->
	<div class="conter-box">
		<div class="main pron">
			<div class="posf-nav">
				<ul class="posf-ul clearfix">
					<li class="active">
						<a href="javscritpt:void(0);">
							<span>热门查找</span>

						</a>
					</li>
					<li>
						<a href="javscritpt:void(0);">
							<span>按需求查找</span>

						</a>
					</li>
					<li>
						<a href="javscritpt:void(0);">
							<span>按人群查找</span>

						</a>
					</li>
					<li>
						<a href="javscritpt:void(0);">
							<span>按成分查找</span>

						</a>
					</li>
					<li>
						<a href="javscritpt:void(0);">
							<span>按年龄查找</span>
						</a>
					</li>
				</ul>
			</div>

		</div>
	</div>
	<!-- 漂浮导航 -->

	<section class="conter-box ">

		<div class="main ">
			<ul class="index-chanp clearfix mabo30 pdt50">
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="Product-buy.html">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em class="lobule">植物雌激素，女人年轻的秘密</em>
					</a>
				</li>

			</ul>

		</div>

	</section>

</body>

</html>